// 可垂直滚动
@mixin vir_scrollbar() {
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;

  &::-webkit-scrollbar {
    width: $-vir-scrollbar-width;
  }

  &::-webkit-scrollbar-track {
    background-color: $-vir-scrollbar-track-color;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 2em;
    background-color: $-vir-scrollbar-thumb-color;
  }
}

// 盒子布局，flex:1
@mixin vir_flex_1() {
  flex: 1;
  display: flex;
  flex-direction: column;
}

// 溢出显示省略号
@mixin ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}